diff --git a/static/css/style.less b/static/css/style.less
index 1e3f128..0888f99 100644
--- a/static/css/style.less
+++ b/static/css/style.less
@@ -13,7 +13,7 @@
   background-color: @white;
   color: @dark-grey;
   font-family: 'PT Sans', sans-serif;
-  font-size: 16px;
+  font-size: 1em;
 }
 
 a {
@@ -49,12 +49,12 @@
     font-family: 'PT Serif', serif;
 
     h1 {
-      font-size: 30px;
+      font-size: 1.875em;
       font-weight: normal;
     }
   
     h2 {
-      font-size: 12px;
+      font-size: 0.75em;
       font-weight: normal;
     }
   
@@ -89,7 +89,7 @@
     border-bottom: @light-grey 1px solid;
 
     h3 {
-      font-size: 12px;
+      font-size: 0.75em;
       text-transform: uppercase;
     }
   }
@@ -99,33 +99,33 @@
     max-width: 672px;
 
     h1 {
-      font-size: 24px;
+      font-size: 1.5em;
     }
 
     h2 {
-      font-size: 22px;
+      font-size: 1.375em;
     }
 
     h3 {
-      font-size: 20px;
+      font-size: 1.25em;
     }
 
     h4 {
-      font-size: 18px;
+      font-size: 1.125em;
     }
 
     h5 {
-      font-size: 16px;
+      font-size: 1em;
     }
 
     h6 {
-      font-size: 12px;
+      font-size: 0.75em;
     }
 
     code {
       padding: 2px;
       color: @black;
-      font-size: 14px;
+      font-size: 0.875em;
       font-family: 'PT Mono', monospace;
       background: @light-grey;
     }
@@ -134,10 +134,10 @@
       padding-left: 5px;
       color: @black;
       border-left: 5px solid @accent;
-      font-size: 14px;
+      font-size: 0.875em;
       font-family: 'PT Mono', monospace;
       background: @light-grey;
-      line-height: 20px;
+      line-height: 1.25em;
     }
 
     blockquote {
@@ -145,16 +145,16 @@
       color: @med-grey;
     }
 
-    h1#article_title{
+    div#article_title{
       a {
-        font-size: 28px;
+        font-size: 1.75em;
       }
     }
 
     div#article_text {
       margin: 0;
       padding: 0;
-      line-height: 26px;
+      line-height: 1.625em;
       a {
         text-decoration: underline;
       }
@@ -163,7 +163,7 @@
     div#article_meta {
       margin: 0;
       padding: 0;
-      font-size: 10px;
+      font-size: 0.625em;
       color: @med-grey;
     }
   }
@@ -178,7 +178,7 @@
       .border-radius(20px);
       text-transform: uppercase;
       color: @accent;
-      font-size: 20px;
+      font-size: 1.25em;
       &:hover {
         color: @white;
         background-color: @accent;
diff --git a/templates/article.html b/templates/article.html
index c2ebab9..51131fe 100644
--- a/templates/article.html
+++ b/templates/article.html
@@ -5,9 +5,9 @@
   <h3>Posted on {{ article.locale_date }}</h3>
 </header>
 <article>
-  <h1 id="article_title">
+  <div id="article_title">
     <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a>
-  </h1>
+  </div>
 
   <div id="article_text">
     {{ article.content }}
diff --git a/templates/index.html b/templates/index.html
index 4615f85..b7e9586 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -10,9 +10,9 @@
 </header>
 {% for article in articles_page.object_list %}
 <article>
-  <h1 id="article_title">
+  <div id="article_title">
     <a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title }}">{{ article.title }}</a>
-  </h1>
+  </div>
   <div id="article_text">
     {{ article.summary }}
   </div>
diff --git a/templates/page.html b/templates/page.html
index 77c2c8c..de1bf38 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -5,9 +5,9 @@
   <h3>{{ page.title }}</h3>
 </header>
 <article>
-  <h1 id="article_title">
+  <div id="article_title">
     <a href="{{ SITEURL }}/{{ page.url }}" rel="bookmark">{{ page.title }}</a>
-  </h1>
+  </div>
   <div id="article_text">
     {{ page.content }}
   </div>